<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 标题 -->
	<title>掌柜</title>
	<!-- 关键词 -->
	<meta name="keywords" content="" />
	<!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
	<!-- IE兼容 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 最新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.css">
    <!-- 手机滚动 css 文件 -->
    <link href="css/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
	<!-- 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/style.css" type="text/css">
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/mobiscroll.core-2.5.2.js"></script>
    <script src="js/mobiscroll.select-2.5.1.js"></script>
    <!-- 输入框信息检查判断 js-->
    <script src="js/input-rule.js"></script>
</head>
<body>
    <!-- Start add-table -->
    <div class="add-table">
        <!-- 固定顶部 -->
        <div class="add-table-top clearfix">
            <div class="left">
                <a href="table-manage.html">取消</a>
            </div>
            <div class="add-table">
                添加桌子
            </div>
            <div class="right">
                <input type="button" value="保存" id="st1">
            </div>
        </div>
        <div class="add-table-edit">
            <div class="table-area clearfix">
                <div class="left">所属区域</div>
                <div class="right">
                    <select name="" id="tablearea" data-role="none">
                        <option value="包厢">包厢</option>
                        <option value="大厅">大厅</option>
                    </select>
                </div>
            </div>
            <div class="table-numble clearfix">
                <div class="left">新增桌子数量</div>
                <div class="right">
                    <input type="text" id="tablenumble">
                </div>
            </div>
            <div class="table-pad clearfix">
                <div class="left">所属平板(PAD)</div>
                <div class="right" >
                    <select name="" id="tablepad" data-role="none" value="">
                        <option value="PAD1">PAD1</option>
                        <option value="PAD2">PAD2</option>
                        <option value="PAD3">PAD3</option>
                        <option value="PAD4">PAD4</option>
                        <option value="PAD5">PAD5</option>
                        <option value="PAD6">PAD6</option>
                        <option value="PAD7">PAD7</option>
                        <option value="PAD8">PAD8</option>
                        <option value="PAD9">PAD9</option>
                        <option value="PAD10">PAD10</option>
                        <option value="PAD11">PAD11</option>
                        <option value="PAD12">PAD12</option>
                    </select>
                </div>
            </div>
        </div> 
    </div>
    <!-- End add-table -->

    
    <script type="text/javascript">
        $(function () {
            $('#tablearea').scroller('destroy').scroller({ preset: 'select' });
    
        });
        $(function () {
            $('#tablepad').scroller('destroy').scroller({ preset: 'select' });
    
        }); 
    </script>
    <script>
        window.onload = function cal(){
            $("#st1").css("color","#999");
            $("#st1").attr({"disabled":true});
        }
        $('#tablenumble').on("keyup blur", function() { //验证标题
            var tablenumble=document.getElementById("tablenumble");
            var _this = $(this);
            _this.inputCheck({
                callback : function(result){
                    if(result.nbsp || result.length < 0.5|| result.length > 1 ||!result.zhengshu){
                        $("#st1").css("color","#999"); 
                        $("#st1").attr({"disabled":true});
                        $("#tablenumble").focus();
                    }else{
                        $("#st1").css("color","#fff");
                        $("#st1").attr({"disabled":false});
                        $("#tablenumble").focus();
                    }
                }
            });
        });
    </script>

</body>
</html>